<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>管理员登录</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700' rel='stylesheet'
          type='text/css'>
    <link href="${pageContext.request.contextPath}/css/font-awesome.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/templatemo-style.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/login.css" rel="stylesheet">
    <style type="text/css">


        .login-container-custom {
            height: 100vh;
            display: flex;
            background-color: whitesmoke;
            align-items: center;
            justify-content: center;
        }

        .button {
            clear: both;
            margin: 10px auto;
            text-align: center;
            font-size: 20px;
            line-height: 25px;
            border-radius: 5px;
            border-top: #ddd 1px solid;
        }

        .button a {
            margin: 0 7px;
            color: #666;
        }

        .button a:hover {
            color: #000;
            text-decoration: none;
        }

        .login-card {
            width: 500px;
            height: 400px;
            display: flex;
            padding: 0 50px;
            justify-content: space-evenly;
            flex-direction: column;
            background: #e7e7e7;
            border-radius: 30px;
        }

        .login-button{
            margin: 0 auto;
            width: 100%;
            background: #0f0f0f;
            color: whitesmoke;
            padding: 8px;
            border-radius: 10px;
        }
    </style>
</head>
<body>

<div class="login-container-custom">
    <div class="login-card">
        <header class="text-center">
            <h1 >管理员登录</h1>
        </header>
        <form action="${pageContext.request.contextPath}/admin/confirmLogin" class="templatemo-login-form"
              method="post">
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-user fa-fw"></i></div>
                    <input type="text" class="form-control" placeholder="用户名" name="adminname">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <div class="input-group-addon"><i class="fa fa-key fa-fw"></i></div>
                    <input type="password" class="form-control" placeholder="密码" name="password">
                </div>
            </div>
            <div class="form-group">
                <div class="checkbox squaredTwo">
                    <input type="checkbox" id="c1" name="cc"/>
                    <%--<label for="c1"><span></span>记住密码</label>--%>
                    <span class="error-msg">${errorMsg}</span>
                </div>
            </div>
            <div class="form-group" style="width: 100%;display: flex;align-items: center;justify-content: center">
                <button type="submit" class="login-button">登录</button>
            </div>
        </form>
    </div>
</div>
</body>
</html>
